<template>
    <div class="top">
        <div class="contain">

            <div class="left">
                <img src="../image/login.png" alt="" />
                <p>商已通挂号平台</p>
            </div>

            <div class="right" @click="login()">
                <p>登录</p>
                <p>注册</p>
            </div>
        </div>

    </div>
</template>
<script setup lang="ts" name="top">

import Login from "@/store/moudles/Login.ts";
let loginDate = Login();



const login = () => {
    loginDate.dialogFormVisible = true;

}

// 在此添加组件的其他逻辑
</script>
<style scoped lang="scss">
.top {
    position: fixed;
    z-index: 999;
    background-color: white;
    width: 100%;
    height: 70px;
    display: flex;
    justify-content: center;


    .contain {
        width: 90%;
        height: 50px;
        display: flex;
        background-color: white;
        justify-content: space-between;

        .left {
            display: flex;
            justify-content: center;
            align-items: center;

            img {
                width: 60px;
                height: 60px;
            }
        }

        .right {
            display: flex;
            justify-content: space-around;
            align-items: center;

            p {
                margin-right: 10px;
            }
        }
    }
}
</style>